<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
</head>
<body>
	<div class="kk_index">
		<!-- 导航 -->
		<div class="nav">
			<div class="kk_logo">
				<img src="img/index/kk_logo.png">
			</div>
			<nav>
				<a href="index.html" style="color: rgb(144,38,242)"><span data-hover="首页">首页</span></a>
				<a href="kk-dynamic.html"><span data-hover="KK动态" style="width: 64px;">KK动态</span></a>
				<a href="game-introduce.html"><span data-hover="游戏介绍">游戏介绍</span></a>
				<a href="personal-account.html"><span data-hover="个人账号">个人账号</span></a>
				<a href="recharge-center.html"><span data-hover="充值中心">充值中心</span></a>
				<a href="customer-service.html"><span data-hover="客服问答">客服问答</span></a>
			</nav>
		</div>
		<!-- 引入导航 -->
		<!-- <iframe src="nav.html" frameBorder=0 scrolling=no width="100%" height="70px" style="margin-top: 15px;" id="naviframe" name="naviframe"></iframe> -->
		<!-- 分割线 -->
		<div style="height: 5px; background-color: #291D71"></div>
		<!-- 轮播 -->
		<div class="banner" id="top">
	        <ul>
	            <li><img src="img/index/index_carousel_pic1.png"></li>
	            <li><img src="img/index/index_carousel_pic1.png"></li>
	            <li><img src="img/index/index_carousel_pic1.png"></li>
	            <li><img src="img/index/index_carousel_pic1.png"></li>
	        </ul>
    	</div>
    	<!-- kk公告栏以及个人账户 -->
    	<div class="middle_top">
			<div class="kk_announcement">
				<h2 class="title">
					<img src="img/index/index_kk_announcement_title.png">
				</h2>
				<ul>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span>【公告】</span>
							<span>公告信息公告信息公告信息，公共信息公共信息。</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="personal_account">
				<h2 class="title">
					<img src="img/index/index_personal_account_title.png">
				</h2>
				<div class="classify">
					<a href="#">
						注册登陆
					</a>
					<a href="#">					
						个人中心
					</a>
					<a href="#">
						账户充值
					</a>
					<a href="#">
						在线客服
					</a>
				</div>
				<div class="sale_information">
					
				</div>
			</div>
		</div>
		<!-- 游戏列表 -->
		<div class="middle">
			<div class="game_list">
				<h2 class="title">
					<img src="img/index/inex_game_list_title.png">
				</h2>
				<div class="classify">
					<ul>
						<li>
							<img src="img/index/index_video_games.png">
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_video_games_pic1.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_video_games_pic2.png">
							</a>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/index/index_multiplayer_games.png">
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_multiplayer_games_pic1.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_multiplayer_games_pic2.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_multiplayer_games_pic3.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_multiplayer_games_pic4.png">
							</a>
						</li>
					</ul>
					<ul>
						<li>
							<img src="img/index/index_battle_games.png">
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_battle_games_pic1.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_battle_games_pic2.png">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/index/index_battle_games_pic3.png">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 游戏新闻及攻略 -->
		<div class="middle_bottom">
			<div>
				<h2 class="title">
					<img src="img/index/index_news_center_title.png">
				</h2>
				<ul class="text">
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
					<li>
						<a href="#">
							新闻新闻新闻新闻新闻新闻新闻新闻新闻
						</a>
					</li>
				</ul>
				<a href="#" style="color: #6556D0; font-size: 14px; margin-top: 25px; text-align: right; display: block;">更多》》</a>
				<ul class="pic">
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
				</ul>
			</div>
			<div>
				<h2 class="title">
					<img src="img/index/index_game_raiders_title.png">
				</h2>
				<ul class="text">
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
					<li>
						<a href="#">
							攻略攻略攻略攻略攻略攻略攻略攻略攻略
						</a>
					</li>
				</ul>
				<a href="#" style="color: #6556D0; font-size: 14px; margin-top: 25px; text-align: right; display: block;">更多》》</a>
				<ul class="pic">
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
				</ul>
			</div>
			<div>
				<h2 class="title">
					<img src="img/index/index_otherthings_title.png">
				</h2>
				<ul class="text">
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
					<li>
						<a href="#">
							闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻闲闻
						</a>
					</li>
				</ul>
				<a href="#" style="color: #6556D0; font-size: 14px; margin-top: 25px; text-align: right; display: block;">更多》》</a>
				<ul class="pic">
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
					<li>
						<img src="img/index/index_bottom_pic1.png">
					</li>
					<li>
						<img src="img/index/index_carousel_pic1.png">
					</li>
				</ul>
			</div>
		</div>
	</div>
	<input type="button" name="" value="11" onclick=exec_iframe()>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.terseBanner.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>
